1. Start
  2. Disclaimer
  3. Support
  4. WordPress Information
  5. Theme Requirements
  6. Package Files
  7. Installation
  8. Demo Content
  9. Help Videos
  10. WHMCS
  11. Theme Settings
  12. Widgets
  13. Page Builder
  14. Shortcodes
  15. Mega Menu
  16. Home Page
  17. Template Pages
  18. Child Theme
  19. Folder Structure
  20. HTML Structure
  21. CSS Files and Structure
  22. Languages
  23. Plugins
  24. Customization For You
  25. JavaScript
  26. Sources and Credits

Multi Host

Multi Host - Responsive Hosting WordPress Theme

Thank you for purchasing our theme. We understand that no business is complete without a prompt after sales support.If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form. We will be more than happy to be of any service as and when you require.

NOTE: Images used in the demo are not included for download, these images are copyrighted, if you are planning to use the photos we can provide the links to buy license.

Support Forum Help Videos Mail Me Here

Disclaimer

We do offer limited support to our customers even though ThemeForest authors do not provide any. We only provide support for our themes and their core features and functionality. We cannot guarantee that our themes will function with all the third party components, plug-ins, web browsers and server environments available. If you plan on adding numerous pluggins to this theme, we cannot provide support to the conflicts that are an outcome of such additions.

 

 

 

 

 

Support

All of our items come with free support and we have a dedicated support forum to handle your requests. Support is limited to questions regarding the theme's features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations on our theme, then you should enlist the help of a developer. We expect every users to follow these steps before posting in our support forum,

Regarding Customization

We have made our theme as easy to use and customization-friendly. So, you can go with most of the possible changes and customization easily. But, if you have any troubles or just want us to work for you, please feel free to contact us via the Support forum. We are ready to support and happy to help (always) at anytime.. If the requested query will rely on the minor customization, we can provide the free support and will work at no cost. Or, if you want to have any additional options (features) apart from our theme default functions, we would charge our minimum cost for such customizations.

WordPress Information

You must have working version of WordPress installed before get to start installing this theme. Have a look into the following instructions and video if you need any help.

Theme Requirements

We have tested our theme in most standard hosting setups. Anyhow, make sure your hosting server matches the following requirements.

  1. Latest version of WordPress 4.7 installed,
  2. PHP5 or higher and MySQL 5 or higher,
  3. We recommend to enable mod_rewrite module (If not enabled sometimes pages or posts will result in bad gateway error),
  4. Memory limit(memory_limit) should be atleast 128MB,
  5. Maxium File Upload size(upload_max_filesize) should be atleast 32MB.

Package from Themeforest

1. At first, after purchasing this theme, please download the package from Themeforest. All you need to do that, is move your mouse over your login name in right top corner (of course after you`re logged in Themeforest) and then click Download. Here you will find all the items that you have purchased. It looks exactly just as the diagram next to.

2. In the next step click the Download > Main File(s) button next to designthemes theme and save the package on your computer.

3. In that package you can find things like documentation, license, zipped file with theme files and folder with theme files called multihost and multihost-child. Please unpack the whole package after downloading it from Themeforest.

Installation

Installing Theme Video

You should install the latest version of WordPress in your system. This will ensure you're up to date, and will allow the theme to use all the new features of WP 3.7+ Versions.

Please don't upload whole multihost-1.5.8.zip archive.

You have a two ways to install a theme.

 

Wordpress Installation
Kindly follow the steps given below for installing this theme from Wordpress.
  1. First get into "Wp-admin (Dashboard) > Appearance > Themes and click "Add New" button thereby
  2. So, you will be loaded to "Add Themes" page, where you need to hit "Upload Theme" button then.
  3. Find and select "multihost.zip" (inside "multihost-1.5.8.zip") file from your computer and click on "Install Now" to proceed installation.
  4. Once if your theme is uploaded and installed, you will then activate it from Appearance > Themes
  5. Then you will get a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin', 'Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
  6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Note : Sometimes, you may get "Are You Sure You Want To Do This" message while installing theme, which means you have an upload file size limit. Contact your hosting service provider and ask them to increase the upload_max_filesize limit or install the theme using FTP instead.

 

 

2. FTP Installation

You can also install this theme through FTP server by using the following steps,

  1. Log into your Hosting server space using any FTP software (applications like FileZilla) at first.
  2. Extract the "multihost.zip" (inside "multihost-1.5.8.zip") file as you've downloaded.
  3. Upload that extracted folder into your "wp-content / themes" directory.
  4. Once if the theme is uploaded and installed, you need to activate it from Appearance > Themes then.
  5. Then you will get a notification message to activate the required & recommended plugins: 'DesignThemes Core Features Plugin', 'Responsive Styled Google Maps', 'Contact Form 7', 'LayerSlider WP' and 'Revolution Slider'.
  6. Once after the required plugins are activated, navigate to Settings > Permalinks, and select 'Post Name' in 'Common Settings' tab and save it finally.

Please take a look at the structure of the multihost-1.5.8.zip archive you've got after purchasing.

 

 

3 - Plugin Installation

Once you have uploaded and activated the theme, install and activate the 'DesignThemes Core Features Plugin' as next step. All promoted features will work only after activating this plugin.

The Layer and Revolution Slider are recommended plugins. When you install multihost , you will get a notification message in your WordPress admin telling you to install the required and recommended plugins. Once you have uploaded and activated the theme, install and activate the 'DesignThemes Core Features Plugin' then immediately. All promoted features will work properly, after activating this plugin only.

Here is the list of plugins , that are compatiable with multihost

Premium Plugins

 

4 - How To Update Your Theme ?
Kindly follow the steps given below to update our theme with the latest version.
  1. Download the theme's latest version from Themeforest downloads page.
  2. If you've made any custom changes in the code, please take a backup of it first. To be in safer side, take backup of the database completely.
  3. Overwrite the older theme files with latest theme files. Update the custom changes (from backup) into the new files.
  4. Now goto "wp-content / plugins" folder through the FTP software.
  5. Remove the folder 'designthemes-core-features' from wp-content / plugins folder. Make sure you have taken backup of custom changes if any.
  6. Then get into "Dashboard -> Appearance -> Install Plugins", to install and activate the 'DesignThemes Core Features Plugin'.
  7. Hereby you can update to the latest version of our multihost theme simply.
Note: If you have already updated our theme, just follow the steps 4,5,6 to update our 'DesignThemes Core Features Plugin'.

How To Import Demo Content ?

 

Please do the following steps to install and setup the demo content easily.

 

 

Common issues
Sometimes demo content import may fail, due to any of the following reasons.
  1. Your PHP memory limit, exceution time, upload size may be set too low. Please check that your server has following limits else contact your hosting support providers to do so.
    • max_execution_time -> 600
    • memory_limit -> 128M
    • post_max_size -> 32M
    • upload_max_filesize -> 32M
  2. If you receive '500 Internal Server Error' then it may be because of any one of following reasons
    • Your web server may be configured incorrectly (ie., configured with incorrect directives). You have to contact your hosting support providers to resolve this issue.
    • Your files may be corrupted while uploading into your web server. Those files may be transferred successfully, but it is unusable by server. If it is theme files, upload it again and import demo content then. If you still receive this error, deactivate the plugins one by one. So that, you can find the cause of errors thereby.
Note : You can verify your PHP configuration limits by installing a simple plugin, WP PHP Info here. If you still cannot resolve the 500 error, talk with your web hosting support providers.

Help Videos

WHMCS Integration

WHMCS stands for "Web Hosting Manager Complete Solution".

WHMCS is an all-in-one client management, billing & support solution for online businesses. Handling everything from signup to termination, WHMCS is a powerful business automation tool that puts you firmly in control.

WHMCS Bridge - integrates your WHMCS support and billing software into WordPress providing a seamless and consistent user experience to your customers.Please check installation link. And you can find Premium WHMCS Bridge Plugin here. If there are any problem during your installation and configuration please ask WHMCS-Bridge support forum.

WHMCS Documentation

How to install multihost whmcs and multihostof template in WHMCS Software

WHMCS Bridge Install
  1. Upload the whmcs-bridge folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the 'Plugins' menu in WordPress.
  3. Go to the WHMCS Bridge settings menu and configure the plugin options.
  4. Install the plugin by clicking the Install button. This will create a new page titled WHMCS through which you can access the client portal of WHMCS.
  5. Activate the sidebar widget if you want the sidebar navigation.

Theme Settings

Theme options are very important when it comes to the multihost theme. You must go through the theme options setup before the theme will work properly.

  1. You'll notice above the Appearance panel in the left sidebar is the Multi Host settings panel. Click the Multi Host navigation.
  2. Fill out the available settings; It's having 10 different types of setting pages with tabs. Please use help tooltips (?), and change as you wish.Save Changes.
1.General
1.1. General - To set logo, favicon and other settings

 

 

 

1.2. Sociable - To set social share module at the top of the theme.

 

 

 

1.3. Bars - To set TopBar content.

 

 

 

2.Appearance - Here you can change the appearance of the theme
2.1. Header - To Change the Header section appearance behaviour

 

 

 

2.2. Menu - To Change the Menu section appearance behaviour

 

 

 

2.3. Body - To customise the body portion of the theme like body font
Appearance - Body

 

 

 

2.4. Footer - To customise the footer portion of the theme like body font
Appearance - Footer

 

 

 

2.5. Typography - To customise the Font color, size, type from H1 upto H6
Appearance - Footer

 

 

 

2.6. Layout & BG - Here you can change the layout of theme ( Boxed or FullWidth)
Appearance - Layout

For boxed layout - you can set the background by selecting the predefined patterns or upolad your custom image.

3.Skins - MultiHost comes with following predefined 20 color skin

20 color skins are chocolate, coral, cyan, darkblue, darkmagenta, duskblue, electricblue, ferngreen, lavender, lightgreen, limegreen, ocean, orange, pink, purple, red, royalblue, salmon, violet, yellow.

 

 

4.Integration
4.1. General - To place any code , that will be appear in header portion of every page / post.

We have to sections to place code for the top and bottom of every page.

Integration - General

 

 

4.2. Post - Single Post customization

With the help of this "Post integration" section , you can do the following things,

  1. Setting up top and bottom code for individual post
  2. Post Meta section - to show / Hide post meta options(Author, Date, Comment, Category and tag info)
  3. You can enable Social share & Social bookmark module with easy customization option.
Integration - Post

 

 

4.3. Page - Single page customization

You can do all the options like post customization expect the Post Meta section for the pages.

Integration - Post

 

 

4.3. Portfolio - Single page customization

You can enable social bookmarks in portfolio single page using the below options.

Integration - portfolio
5.SEO - Drag and Drop SEO Module
Integration - Post
  1. Title Delimiter - Please specify the symbol , will appear in title of the pages.
  2. Page Title Formats - Drap and Drop option to customize the page title
    1. Single Post & Page Title Format
    2. Category, Archive & Tag page Title Format
    3. Search & 404 page Title Format
  3. Meta - To specify Meta data & other SEO elements
    1. You can generate automatic Canonical URLs for entire website
    2. You can exclude the archive, category and tag pages from indexing to avoid duplicate content.
    3. You can generate:
      1. Automatic description
      2. Meta keywords from the tag and category for posts.
Integration - Post
6.Speciality Pages - Author, Category, Tag, Gallery, Search & 404 Page
Available Options:
  1. You can choose page layout
  2. You can choose post layout for Archive and Search page
  3. Custom 404 Text for 404 Page
  4. And Background settings for 404 Page
Author Page settings
Speciality 1

Category Page settings
Speciality 2

Tag Page settings
Speciality 3

Portfolio Page settings
Speciality 4

Search Page settings
Speciality 5

404 Page settings
Speciality 6

7.Footer
Available Options:
  1. Show / Hide Footer Section
  2. Columns Layout - To choose which style footer you want?
  3. You can set Copyright text ,and enable it to show in front view

Go to 'Appearance > Widgets'. You'll see footer widgets area on the right hand side

Footer Widget Area Image

8.Widget Area - To create custom widget areas

You can create custom widget areas that can be assigned to individual post / page and mega menu.

Footer Widget Area Image
9.Responsive & Mobile

You can enable responsive option in "Multi Host > Responsive & Mobile > Make My Site Responsive"

And you can disable sliders by choosing the 'Disable Slider for Mobile Devices' option in "Multi Host > Responsive & Mobile"

10.Branding
Available Options:
  1. Custom Buddha Panel Logo

Widgets

The theme comes with 5 custom widgets

  1. Multi Host Posts
  2. Multi Host Twitter Widget
  3. Multi Host Flickr Widget
  4. Multi Host Mailchimp Newsletter Widget
  5. Multi Host Gallery

Page Builder

Multi Host theme comes with page builder which makes creation of page simpler and easier. To enable / disable page builder in post, page and portfolio globally navigate to Multi Host(Buddha Panel) -> Page Builder tab. You can switch between Page Builder and WordPress default editor in any single post or page or portfolio at any time.

 

Overview
Options
Column Options
Every column comes with 3 types of options. They are,
  1. Settings - It is used add additional CSS class for this column alone.
  2. Clone - Click this button to clone the column along with every modules added inside. Those cloned column will be added immediately after current column.
  3. Delete - Used to delete the column completely along with its settings.
Fullwidth Section or Fullwidth Section Video
These sections comes with lot of options in 'Settings' button to configure fullwidth section. Some of the available options are,
  1. Fullwidth Section - Bacground Color, Background Image, Parallax Effect, Background Repeat, Background Position, Padding Top, Padding Bottom, CSS Class, etc,.
Module Options
Every module comes with 5 different types of options. They are,
  1. Edit - Clicking this button will open a sliding panel at very top of the builder area which contains options to configure those modules.
  2. Clone - Click this button to clone the module along with its settings. Those cloned modules will be added immediately after current module.
  3. Delete - Use this delete button to delete the module along with its settings.
  4. Show / Hide - Use this button to enable or disable this module. If its disabled then that module will not be shown in frontend but all the settings of that module will be preserved, you can enable that module any time.
  5. Resize - Its just a symbol to represent that this module can be resized to any width. Making width too smaller or too larger may collapse the modules design.
Note : By default every module can be resized, but it cannot be resized inside another column or fullwidth section. While resizing note that making width too smaller or too larger may collapse the modules design.

Resizable Column
Resizable Column has all options similar to normal Column options. This resizable column cannot be placed inside the Fullwidth Section
Sample Layouts
multihost theme comes with few sample layouts which can be acessed simply one clicking the module. Now your builder area will be loaded with all the modules of that sample layout, now you can just update the content, images, etc, as you wish.

Shortcodes

This Wordpress theme "multihost" comes with several shortcodes that helps in customizing your content easier. In this theme, Shortcode Builder can used to build the essential shortcodes. The following image will show you the essential shortcode builder, and it displays only in Visual Mode of post content textarea. Notice: Shortcode Builder Video will help you know the use of essential shortcode builders. Click to watch them on YouTube now !

List of Shortcodes

Setting up Mega Menu

Our theme supports mega menu. You can enable it by checking the Use as Mega Menu checkbox as shown below.

Mega Menu

You have an option to choose the number of columns for the mega menu. Also You can disable the link or text for the column title.

Setting up Home Page

Create new page and named it as Home or anything you want.

Default Template

Go to 'Settings > Reading' and choose a static page as front page.

Default Template

Note: The portfolio arrangement in Home page- Choose Full Width Template > enable page builder and dump Recent Portfolios from category into fullwidth section

Available Templates

1. Default Template
Default Template

Default Template

Enable Breadcrumb or disable it and upload images which act as page title. Have a look at Services page in our demo.

2. Blog Template
Blog Templte

3. Portfolio Template
Portfolio Template

Portfolio image overlay background-color and its opacity can be get through backend settings. Move to Edit Portfolio and it is given under Default Options

Speciality 4

4. Fullwidth Template
Fullwidth Template

Child Theme

Now for those who wish to perform advanced customizations on 'multihost' parent theme, we present a newer theme packed with Child theme (multihost-child.zip). It brings to you the safest and easiest way to perform modifications in your theme; irrespective of the type of changes you require to execute.

Folder Structure

Folder Structure

HTML Structure

Here is the HTML Structure of the Template (simplified):






    
    

        
        
   
            

                .....
            

            
            
                       
        

        
         
        
        

            

                

                    .....
                

            

        

        
         
        
        

            

                

                    .....
                

            

            

                .....

CSS File & Structure

The style.css is main css file used in this template. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file. 

@import "css/reset.css";

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - General Styles
		1.1 - Body Styles
		1.2 - Font Family
		1.3 - Headings
		1.4 - Transition
		1.5 - Text Elements
		1.6 - Tables
		1.7 - Definition Lists
		1.8 - Forms
		1.9 - Images 
2.0 - Layout 
3.0 - Header Styles
		3.1 - Menu Styles
4.0 - Main Styles
		4.1 - Breadcrumb Styles
5.0 - Portfolio Styles 
6.0 - Team Styles
7.0 - Blog Styles
		7.1 - Blog Comments Styles
		7.2 - Pagination Styles
8.0 - Contact Page Styles
9.0 - Widget Styles
10.0 - Footer Styles
11.0 - Style Picker Styles
11.0 - Retina Images
--------------------------------------------------------------*/

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

Multihost theme in Your Language

Although multihost theme packed with multihost.pot, the theme has the capability to be used in any language. It is also possible to create a multilingual website with help of WPML plugin. multihost theme compatiable with WPML plugin. Please read the FAQ section to get an idea.

Basic Translation

You can follow these steps to make basic translations for your wordpress core.

Step 1 : Open wp-config.php file by logging into your FTP account and look for following line define('WPLANG', '');. Define your local language here, examples de_DE, nl_NL,. Then your code will look like this define('WPLANG', 'de_DE');. For more information on language codes Click Here

Step 2 : 'multihost' theme and 'DesignThemes Core Features' Plugin (bundled with theme) are translated separately. The theme po file will be inside multihost / languages folder in the name of default.mo and default.po and plugin po file will be inside designthemes-core-features / languages folder in the name of dt_themes-default.mo and dt_themes-default.po

Step 3 : You can use these files as base for your translation. In order to make wordpress recognize the language to which you want to translate the theme, you will have to name the the language files accordingly. For example the file name of Detusch language would be de_DE.po and de_DE.mo for theme, dt_themes-de_DE.po and dt_themes-de_DE.mo for plugin.

Step 4 : To translate the default.mo and default.po file in your language, follow the steps below. Note : You can also refer POedit site to get some additional information.
WPML

multihost theme has the capability to be used in any language.It is also possible to create a multilingual website with help of WPML wmpl plugin. Please read the FAQ section to get an idea.

You can download and install WPML manually, by downloading ZIP files from your WPML.org account, or automatically, via the Plugins admin screen. Manual Download and Install In case you want to install WPML manually, follow these steps: Log in to your WPML.org account. Go to the Downloads section. Download the WPML components that you need.

Plugins

Here is the list of plugins , that are compatiable with multihost

Premium Plugins

Customization

We have made our theme as easy to use and customization-friendly.So you can go with most of the possible changes and customization easily.But if you have any troubles or just want us to work for you, please feel free to contact us via, We are ready to support and happy to help (always) at anytime..If the requested query will rely on the minor customization, we can provide the free support and will work at no cost. Or if you want to have any additional options (features) apart from our theme default functions, we would charge our minimum cost for such customizations.

Javascripts

This template imports following Javascript files.

  1. Easing (easing.js)
  2. Modernizr (modernizr-2.6.2.min.js)
  3. Mean Menu (jquery.meanmenu.js)
  4. Isotope plugin (isotope.js)
  5. Nice Scroll (jquery.nicescroll.min.js)
  6. CarouFredSel plugin (jquery.carouFredSel-6.2.0-packed.js)
  7. PrettyPhoto (jquery.prettyPhoto.js)
  8. Tabs (jquery.tabs.min.js)
  9. bx Slider plugin (jquery.bxslider.min.js)
  10. video ratio(jquery.fitvids.js)
  11. Smart Resize (jquery.smartresize.js)
  12. And custom js like (custom.js)

Source & Credits

 

Once again, thank you very much for purchasing our theme. As we said in the beginning, we will be glad to help you with any queries related to this theme. We will be more than happy to be of any service as and when you require. If you have general questions related to the themes on "ThemeForest", you might consider visiting the forums and asking your question in the "Item Discussion" section.

DesignThemes